<template>
 <div>
   <avue-form ref="yearMonthForm" class="form-item-no-bottom" v-model="formData" :option="formOption">

   </avue-form>

 </div>
</template>

<script>
// import moment from "moment"
export default {
  name: "index",
  data(){
    return{
      formData:{},
      formOption: {
        labelWidth: 50,
        menuBtn: true,
        span: 6,
        menuSpan: 6,
        menuPosition: "left",
        emptyBtn: false,
        submitBtn: false,
        column: [
          {
            label: "报告期",
            prop: "ny",
            type: "month",
            valueFormat: "yyyy-MM",
            labelWidth: 70,
            rules: [
              {
                required: true,
                message: "请选择年月",
                trigger: "change",
              },
            ],
            clearable: false,
            pickerOptions:{
              disabledDate(time) {
                return time.getTime() < new Date('2024-01-01').getTime() || time.getTime() > new Date().getTime()//moment(date).unix() * 1000
              },
            }
          },
          {
            label: "项目名称",
            prop: "projectName",
            labelWidth: 80,
            slot: true,
            // rules: [
            //   {
            //     required: true,
            //     message: "请选择项目名称",
            //     trigger: "change",
            //   },
            // ],
          },
        ],
      },
    }
  }
}
</script>

<style scoped>

</style>